﻿@charset "utf-8";
/* CSS Document */

/* 初始化 */
.w-100{width:100%;}
.homePage{overflow:hidden;color:#333;background-color:#fff; }
.homePage .cm{float:none;margin:10px auto;width:1200px;height:240px; }




/*banner*/
/*动画效果样式*/

.banner { clear:both; width:100%; background-color:#0E842C; height:400px;position:relative;overflow:hidden; margin-top:0px;}

.banner .DB_bgSet{position:relative;}
.banner .DB_bgSet li{position:absolute;width:100%;height:400px;display:none}
.banner .DB_imgSet{position:absolute;width:1100px; top:0; left:50%;margin-left:-550px;}
.DB_imgSet li{ display:none;}


.banner .DB_imgSet .DB_1_1{position:absolute;top: 0px; opacity: 1; display: block; left: -410px;width:1920px;height:400px;}
.banner .DB_imgSet .DB_1_2{position:absolute;left: 50px; opacity: 0; display: block; top: 78px;}
.banner .DB_imgSet .DB_1_3{position:absolute;top: 70px; opacity: 0; display: block; left: 220px;}

.banner .DB_imgSet .DB_2_1{position:absolute;top: 0px; opacity: 1; display: block; left: -410px;width:1920px;height:400px;}
.banner .DB_imgSet .DB_2_2{position:absolute;left: 210px; opacity: 0; display: block; top: 78px;}
.banner .DB_imgSet .DB_2_3{position:absolute;top: 70px; opacity: 0; display: block; left: 380px;}

.banner .DB_imgSet .DB_3_1{position:absolute;top: 0px; opacity: 1; display: block; left: -410px;width:1920px;height:400px;}
.banner .DB_imgSet .DB_3_2{position:absolute;left: 30px; opacity: 0; display: block; top: 70px;}

.banner .DB_imgSet .DB_31_1{position:absolute;top: 0px; opacity: 1; display: block; left: -410px;width:1920px;height:400px;}
.banner .DB_imgSet .DB_31_2{position:absolute;left: -60px; opacity: 0; display: block; top: 70px;}

.banner .DB_imgSet .DB_32_1{position:absolute;top: 0px; opacity: 1; display: block; left: -410px;width:1920px;height:400px;}
.banner .DB_imgSet .DB_32_2{position:absolute;left: 30px; opacity: 0; display: block; top: 70px;}

.banner .DB_imgSet .DB_4_1{position:absolute;top: 0px; opacity: 1; display: block; left: -410px;width:1920px;height:400px;}
.banner .DB_imgSet .DB_4_3{position:absolute;top: 50px; opacity: 0; display: block; left: 700px;}

.banner .DB_imgSet .DB_5_1{position:absolute;top: 0px; opacity: 1; display: block; left: -410px;width:1920px;height:400px;}
.banner .DB_imgSet .DB_5_2{position:absolute;left: 100px; opacity: 0; display: block; top: 78px;}
.banner .DB_imgSet .DB_5_3{position:absolute;top: 70px; opacity: 0; display: block; left: 270px;}


.banner .DB_menuWrap{}
.banner .DB_menuWrap .DB_menuSet{ position:absolute; left:50%; bottom:0; margin-left:-82px; width:165px; height:40px; font-size:0;display:none}
.banner .DB_menuWrap .DB_menuSet li{cursor:pointer; float:left; background:url(banner_indac.png) repeat; width:40px; height:10px; margin-right:15px;}
.banner .DB_menuWrap .DB_menuSet li.select{ background:url(./banner_indho.png) repeat;}


.banner .DB_prev{position:absolute;left:0px;top:180px;cursor:pointer;display:none}
.banner .DB_next{position:absolute;right:0px;top:180px;cursor:pointer;display:none}

.webwidget_slideshow_dot {float:left;
	padding: 0px;
	margin: 0px;
	position: relative;
	font-size: 12px;
}
.webwidget_slideshow_dot a {
	text-decoration: none;
}
.webwidget_slideshow_dot a:hover {
	text-decoration: underline;
}
.webwidget_slideshow_dot .slides_box {
	padding: 0px;
	margin: 0px;
	overflow: hidden;
	position: absolute;
}
.webwidget_slideshow_dot .title_thumb_box {
	width: 100%;
	position: absolute;
	bottom: 0px;
}
.webwidget_slideshow_dot .title_thumb_box .title_box {
	padding: 1px;text-align:center;
}
.webwidget_slideshow_dot .title_thumb_box .thumb_box {
	text-align: center;
	height: 21px;
}
.webwidget_slideshow_dot .title_thumb_box .thumb_box span {
	margin-right: 5px;
	margin-left: 5px;
}
.webwidget_slideshow_dot .title_thumb_box .thumb_box span img {
	cursor: pointer;
}
.webwidget_slideshow_dot img {
	padding: 0px;
	margin: 0px;
	border: none;
}
.webwidget_slideshow_dot ul {
	padding: 0px;
	margin: 0px;
	position: absolute;
	list-style: none;
}
.webwidget_slideshow_dot ul li {
	padding: 0px;
	margin: 0px;
	float: left;
}
.webwidget_slideshow_dot ul li a {
	display: block;
}
.webwidget_slideshow_dot ul li a img{
	display: block;	
	width:263px;
	height:187px;

}


.index-news{ width:538px; float:left; margin:0 30px}
.index-news h2{ height:30px; border-bottom:1px #dedede solid}
.index-news h2 a{ display:block; text-align:center; line-height:30px; font-size:14px; width:99px; height:30px; background:url(newsoff.jpg) no-repeat; float:left; margin-right:1px;}
.index-news h2 a.current{ display:block; text-align:center; line-height:30px; font-size:14px; color:#fff; width:99px; height:30px; background:url(newson.jpg) no-repeat; float:left; margin-right:1px;}

.index-news .list{ margin-top:5px;}
.index-news .list dl{ height:110px;}
.index-news .list dl img{ width:142px; height:101px; padding:2px; border:1px #dedede solid; float:left}
.index-news .list dl a:hover img{ border-color:#0E842C}
.index-news .list dl p{ width:385px; float:right; line-height:23px; margin-top:5px;font-family:Helvetica,"宋体";font-size:12px;}
.index-news .list dl p strong{ display:block; height:25px; font-size:14px;font-family:Helvetica,"微软雅黑",Arial,sans-serif;}
.index-news .list dl p a{ color:#0E842C;font-size:12px;}
.index-news .list dl p a:hover{ text-decoration:underline}
.index-news .list ul{ margin-top:3px; }
.index-news .list ul li{ padding:5px 0px}
.index-news .list ul li a{ font-size:12px;padding-left:10px; margin-left:10px; background:url(li.gif) no-repeat 0 5px;}
.index-news .list ul li span{ font-size:11px;}

.index-project{ width:339px; float:right; position:relative; padding-bottom:20px; overflow:hidden}
.index-project h2{ height:30px; border-bottom:2px #dedede solid; font-size:14px; line-height:30px; position:relative; padding-left:70px}
.index-project h2 span{ position:absolute; left:0; bottom:-2px; border-bottom:2px #0E842C solid; display:inline-block; height:28px; color:#0E842C; font-size:15px; line-height:26px;}
.index-project .list{ margin-top:5px;}
.index-project .list li{ margin-bottom:13px; height:107px; overflow:hidden}
.index-project .list li img{ width:142px; height:101px; padding:2px; border:1px #dedede solid; float:left}
.index-project .list li a:hover img{ border-color:#0E842C}
.index-project .list li p{ width:186px; float:right; line-height:20px;}
.index-project .list li p a{ color:#0E842C; font-size:12px; }
.index-project .list li p a:hover{ text-decoration:underline}
.index-project .list li p strong{ display:block; font-weight:normal}
.index-project .list li p span{ display:block; margin-top:3px; font-family:Helvetica,"宋体"; font-size:12px;}
.index-project .list li p label{ color:#222}

.index-ad{ float:right; width:339px; height:64px;margin-top:4px;}

.index-ad .ad{ float:left;}
.index-ad .ewm{ float:right;}



.slides1_wrap {
	position: relative;
}
#slides1 {
	overflow: hidden;
}

.slides1_wrap .prev {
	position: absolute;
	left: 0px;
	top: 110px;
	outline: 0;
}
.slides1_wrap .next {
	position: absolute;
	right: 0px;
	top: 110px;
	outline: 0;
}
.slides1_wrap a:hover img {
	filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;
}

.bx_pager {
display:none;
	padding-left: 309px;
	padding-top: 15px;
}
.bx_pager a {
	float: left;
	background: url(bg_pager.png) no-repeat 0 -21px;
	width: 14px;
	height: 17px;
	color: #fff;
	font-size: 11px;
	margin-right: 6px;
	padding: 4px 0 0 7px;
}
.bx_pager a:hover, .bx_pager a.active {
	background-position: 0 0;
	text-decoration: none;
}
.auto_controls {display:none;
	position: absolute;
	bottom: -11px;
	left: 394px;
}
.auto_controls a {
	font-size: 16px;
	color: #a3a3a3;
	outline: 0;
	padding: 2px;
}
.auto_controls a:hover {
	text-decoration: none;
 background:;
	color: #e41996;
}

.bottom-slider{ position:fixed; right:0;bottom:-220px; width:345px; height:200px; background-color:#ddd; z-index:9999;-webkit-transition-duration:0.8s;-moz-transition-duration: 0.8s;-o-transition-duration:0.8s;}
.bottom-slider.hover{bottom:0}
.bottom-slider .close{background:url(close-icon2.gif) no-repeat center center; width:16px; height:16px; position:absolute; right:14px;top:14px; z-index:2}
.bottom-slider .slider{ width:325px; height:180px; overflow:hidden; margin-left:10px; margin-top:10px; background-color:#fff}
.bottom-slider .bx-pager{ text-align:right !important;bottom:10px !important; right:10px !important;}
.bottom-slider .bx-pager-item a{ text-indent:0 !important; width:18px !important; height:18px !important; text-align:center; line-height:18px;-moz-border-radius:9px !important;
-webkit-border-radius:9px !important;border-radius:9px !important; color:#fff; margin:0 3px !important; }


#zhuhe{ position:fixed; width:100%; height:100%; left:0;top:0; z-index:10000; display:none}
#zhuhe .mask{ position:fixed; width:100%; height:100%; left:0;top:0; z-index:1; background-color:#000;filter:alpha(opacity=0);-moz-opacity:0; opacity:0;-webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s; }
#zhuhe .mask.hover{filter:alpha(opacity=60);-moz-opacity:0.6; opacity:0.6;}
#zhuhe .image{ width:900px; height:480px; position:absolute; left:50%; margin-left:-450px;top:50%; margin-top:-210px; z-index:2;filter:alpha(opacity=0);-moz-opacity:0; opacity:0;-webkit-transform:scale(0.3);-moz-transform:scale(0.3);-o-transform:scale(0.3);-webkit-transition-duration:0.8s;-moz-transition-duration: 0.8s;-o-transition-duration: 0.8s; }
#zhuhe .image.hover{filter:alpha(opacity=100);-moz-opacity:1; opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);}
#zhuhe .close-con{ width:150px; height:30px; position:absolute; left:50%; margin-left:300px;top:50%; margin-top:-240px; z-index:2;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;filter:alpha(opacity=0);-moz-opacity:0; opacity:0; }
#zhuhe .close-con a{ display:block;background:url(close-icon2.gif) no-repeat center center; width:30px; height:30px; float:right; background-color:#777 }
#zhuhe .close-con span{ display:block; width:120px; height:30px; line-height:30px; color:#999; float:left}
#zhuhe .close-con span em{ color:#fff; margin-right:5px; display:inline-block; width:20px; text-align:center}
#zhuhe .close-con.hover{filter:alpha(opacity=100);-moz-opacity:1; opacity:1;}
